<template>
	<view class="page-index">
		<view class="couponBox">
			<view class="couponITem" v-for="(item, index) in list" :key="index" @click="currentChange(item,index)">
				<view class="couponLeft">
					<view class="title">{{ item.coupon_name }}</view>
					<view class="time">结束时间: {{ item.finish_date }}</view>
				</view>
				<view class="couponRight">
					<label class="radio">
						<radio :value="index" :checked="index == current?true:false" style="transform:scale(0.7)" color="#2C94F5"/>
					</label>
				</view>
			</view>
		</view>
		<view class="empty" v-if="loading&&list == ''">
			<image src="/static/home/empty.png" class="emptyImage"></image>
			<view style="margin-top: 24rpx;">
				暂无可用优惠券
			</view>
		</view>
		<view class="" style="height: 300rpx;">
			
		</view>
		<view class="submit" @click="submit()">确认使用</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
@import 'page.scss';
</style>
